`
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

</head>
<body>

	<!-- Begin of toolbar -->
	<div id="wu-toolbar">
		<div class="wu-toolbar-button">
			<a href="#" class="easyui-linkbutton" iconCls="icon-add"
				onclick="openAdd2()" plain="true">添加</a> <a href="#"
				class="easyui-linkbutton" iconCls="icon-edit" onclick="openEdit2()"
				plain="true">修改</a> <a href="#" class="easyui-linkbutton"
				iconCls="icon-remove" onclick="remove2()" plain="true">删除</a>
		</div>
		<div class="wu-toolbar-search">


			<label>设备名称：</label><input id="deviceName" class="wu-text"
				style="width: 100px"> <a href="#" onclick="select()"
				class="easyui-linkbutton" iconCls="icon-search">开始检索</a>
		</div>
	</div>

	<!-- End of toolbar -->
	<table id="tbk"></table>
	<!-- Begin of easyui-dialog -->
	<!-- 增加弹出框-->
	<div id="wu-dialog" class="easyui-dialog"
		data-options="closed:true,iconCls:'icon-save'"
		style="width: 400px; padding: 10px;">
		<form id="wu-form" method="post">
			<table>
				<input type="hidden" name="assetsId" value="">
				<input type="hidden" name="assetsType" value="0">
				<tr>
					<td width="60" align="right">设备名称:</td>
					<td><input type="text" name="deviceName"
						class="wu-text easyui-validatebox" data-options="required:true"
						missingMessage="不能为空" /></td>
				</tr>
				<tr>
					<td align="right">设备型号:</td>
					<td><input type="text" name="deviceType"
						class="wu-text easyui-validatebox" required="true" /></td>
				</tr>
				<tr>
					<td align="right">管理编号:</td>
					<td><input type="text" name="managementNumber"
						class="wu-text easyui-validatebox" required="true" /></td>
				</tr>
				<tr>
					<td align="right">生产厂商:</td>
					<td><input type="text" name="equipmentManufacturer"
						class="wu-text easyui-validatebox" required="true" /></td>
				</tr>
				<tr>
					<td align="right">出厂日期:</td>
					<td><input type="text" name="date" id="date"
						class="wu-text easyui-datetimebox" required="true" /></td>
				</tr>
				<tr>
					<td align="right">主要参数:</td>
					<td><input type="text" name="mainParameter"
						class="wu-text easyui-validatebox" required="true" /></td>
				</tr>
				<tr>
					<td align="right">安装厂商:</td>
					<td><input type="text" name="installationVendors"
						class="wu-text easyui-validatebox" required="true" /></td>
				</tr>
				<tr>
					<td align="right">使用地点:</td>
					<td><input type="text" name="location"
						class="wu-text easyui-validatebox" required="true" /></td>
				</tr>
				<tr>
					<td align="right">使用年限:</td>
					<td><input type="text" name="serviceLife"
						class="wu-text easyui-numberbox" validType="onlyNum"
						required="true" data-options="min:0,max:50" /></td>
				</tr>

				<tr>
					<td valign="top" align="right">用 途:</td>
					<td><textarea name="purpose" rows="6" class="wu-textarea"
							style="width: 260px" required="true"></textarea></td>
				</tr>
			</table>
		</form>
	</div>
	<!-- End of easyui-dialog -->
	<script type="text/javascript">
		/**
		 *  Name 验证事件
		 */
		$.extend($.fn.validatebox.defaults.rules, {
			equals : {
				validator : function(value, param) {
					return value == $(param[0]).val();
				},
				message : 'Field do not match.'
			},
			onlyNum : {
				validator : function(value, param) {
					var reg = /^\d+$/g;
					return reg.test(value);
				},
				message : '只能输入数字！'
			}
		});

		/**
		 *  Name 模糊查询事件
		 */
		function select() {
			var name = $("#deviceName").val()
			$("#tbk").datagrid({
				queryParams : {
					"deviceName" : name
				}
			})
		}

		/**
		 *  Name 选中事件
		 */
		function getSelected() {
			var row = $('#tbk').datagrid('getSelected');
			if (row) {
				$.messager.confirm('kkk', row.assetsId);
			}
		}
		/**
		 *  Name 删除事件
		 */
		function remove2() {
			var row = $('#tbk').datagrid('getSelected');
			if (row) {
				$.messager.confirm('提示', "是否确认删除", function(data) {
					if (data) {
						$.ajax({
							url : "/demo/assets/del",
							data : {
								assetsId : row.assetsId
							},
							success : function(data) {

								if (data.code != 500) {
									$.messager.alert('提示', "删除成功！");
									$("#tbk").datagrid({
										queryParams : {
											"deviceName" : name
										}
									})
								} else {
									$.messager.alert('提示', data.msg);
								}

							}

						})
					}
				})//

			} else {
				$.messager.alert('提示', "请选择相应的行！");
			}
		}
		/**
		 * Name 开启验证form
		 */
		function testForm() {
			$('input.easyui-validatebox').validatebox('enableValidation');
			$('input.easyui-numberbox').validatebox('enableValidation');
			$('input.easyui-datetimebox').datetimebox('enableValidation');

		}

		/**
		 * Name 添加记录
		 */
		function add2() {
			testForm();
			if ($('#wu-form').form('validate')) {
				$('#wu-form').form('submit', {
					url : '/demo/assets/save',
					success : function(data) {

						if (data.code != 500) {
							$.messager.alert('信息提示', '提交成功！', 'info');

							$('#wu-dialog').dialog('close');
							$("#tbk").datagrid()

						} else {
							$.messager.alert('信息提示', '提交失败！', 'info');
						}
					}
				})
			}
		}

		/**
		 * Name 修改记录
		 */
		function edit2() {
			testForm();
			$('#wu-form').form('submit', {
				url : '/demo/assets/updata',
				success : function(data) {
					if (data.code != 500) {
						$.messager.alert('信息提示', '提交成功！', 'info');
						$("#tbk").datagrid();
						$('#wu-dialog').dialog('close');
					} else {
						$.messager.alert('信息提示', '提交失败！', 'info');
					}
				}
			});
		}
		/**
		 * Name 默认不验证表单
		 */
		function clearform() {
			$('input.easyui-validatebox').validatebox('disableValidation')
					.focus(function() {
						$(this).validatebox('enableValidation');
					}).blur(function() {
						$(this).validatebox('validate')
					});
			$('input.easyui-numberbox').validatebox('disableValidation').focus(
					function() {
						$(this).validatebox('enableValidation');
					}).blur(function() {
				$(this).validatebox('validate')
			});
			$('input.easyui-datetimebox').datetimebox('disableValidation')
					.focus(function() {
						$(this).datetimebox('enableValidation');
					}).blur(function() {
						$(this).datetimebox('validate')
					});
		}

		/**
		 * Name 打开添加窗口
		 */
		function openAdd2() {
			clearform();
			$('#wu-form').form('clear');
			$('#wu-dialog').dialog({
				closed : false,
				modal : true,
				title : "添加信息",
				buttons : [ {
					text : '确定',
					iconCls : 'icon-ok',
					handler : add2
				}, {
					text : '取消',
					iconCls : 'icon-cancel',
					handler : function() {
						$('#wu-dialog').dialog('close');
					}
				} ]
			});

		}

		/**
		 * Name 打开修改窗口
		 */
		function openEdit2() {
			clearform();
			$('#wu-form').form('clear');
			var item = $('#tbk').datagrid('getSelected');
			if (item != null) {
				//$.messager.alert('提示',item.assetsId);能取到对应列的主键值
				$
						.ajax({
							url : '/demo/assets/toupdata',
							data : {
								"assetsId" : item.assetsId
							},
							success : function(data) {
								$('#wu-form')
										.form(
												'load',
												{ // 调用load方法把所选中的数据load到表单中,非常方便
													assetsId : data.rows.assetsId,
													deviceName : data.rows.deviceName,
													deviceType : data.rows.deviceType,
													managementNumber : data.rows.managementNumber,
													equipmentManufacturer : data.rows.equipmentManufacturer,
													date : new Date(
															parseInt(data.rows.dateOfProduction))
															.toLocaleString()
															.replace(/年|月/g,
																	"-")
															.replace(/日/g, " "),
													mainParameter : data.rows.mainParameter,
													installationVendors : data.rows.installationVendors,
													purpose : data.rows.purpose,
													location : data.rows.location,
													serviceLife : data.rows.serviceLife
												})
							}
						});
				$('#wu-dialog').dialog({
					closed : false,
					modal : true,
					title : "修改信息",
					buttons : [ {
						text : '确定',
						iconCls : 'icon-ok',
						handler : edit2
					}, {
						text : '取消',
						iconCls : 'icon-cancel',
						handler : function() {
							$('#wu-dialog').dialog('close');
						}
					} ]
				});
			} else {
				$.messager.alert('提示', "请选择相应的行！");
			}

		}
		$("#tbk").datagrid(
				{
					url : '/demo/assets/show',
					method : 'GET',
					toolbar : '#wu-toolbar',
					fit : true,
					//idField : '设备编号',
					striped : true,
					fitColumns : true,
					singleSelect : true,
					queryParams: {
						assetsType:0
					},
					rownumbers : true,
					pagination : true,
					nowrap : false,
					height : 450,
					pageSize : 50,
					pageList : [ 1, 3, 10, 20, 50, 100, 150, 200 ],
					showFooter : true,
					loadMsg : '加载中,请稍后......',
					columns : [ [
							{
								field : 'ck',
								checkbox : true
							},
							{
								field : 'assetsId',
								title : '设备编号',
								width : 50,
								align : 'left'
							},
							{
								field : 'deviceName',
								title : '设备名称',
								width : 50,
								align : 'left'
							},
							{
								field : 'deviceType',
								title : '设备型号',
								width : 50,
								align : 'left'
							},
							{
								field : 'managementNumber',
								title : '管理编号',
								width : 50,
								align : 'left'
							},
							{
								field : 'equipmentManufacturer',
								title : '设备生产厂商',
								width : 50,
								align : 'left'
							},
							{
								field : 'dateOfProduction',
								title : '出厂日期',
								width : 50,
								align : 'left',
								formatter : function(value, row, index) {

									return new Date(parseInt(value))
											.toLocaleString().replace(/年|月/g,
													"-").replace(/日/g, " ");
								}
							}, {
								field : 'mainParameter',
								title : '主要参数',
								width : 50,
								align : 'left'
							}, {
								field : 'installationVendors',
								title : '安装厂商',
								width : 50,
								align : 'left'
							}, {
								field : 'location',
								title : '使用地点',
								width : 50,
								align : 'left'
							}, {
								field : 'serviceLife',
								title : '使用年限',
								width : 30,
								align : 'left'
							}, {
								field : 'purpose',
								title : '用途',
								width : 50,
								align : 'left'
							} ] ],
					//loadFilter : function(responseData) {
					//	return responseData.data;
					//},
					onBeforeLoad : function(param) {
					},
					onLoadSuccess : function(data) {
						console.debug(data)
					},
					onLoadError : function() {
						//	console.debug('not ok')
					},
					onClickCell : function(rowIndex, field, value) {
						console.debug(value)
					}
				})

		$('#tbk').datagrid('hideColumn', 'assetsId');
	</script>

</body>


</html>